@charset "utf-8";
/* CSS Document */

body {  margin: 0;  padding: 0; font-family: Tahoma, Geneva, sans-serif; font-size:12px;  color:#000;  background:#333333 url(../userfiles/files/nen.jpg) top center fixed; background-repeat:no-repeat;}
h1 {  margin: 0;  padding: 0;  font-size: x-large;  color: #000; }
h2 {  font-size: large;  font-weight: normal;  color: #000; }
h3 {  font-size: medium;  font-weight: small;  color: #000; }
h4 {  font-size: small;  color: #2C6700; }
a {  color:#0066cc;  background: transparent; text-decoration:none; }
a:hover { text-decoration:underline; color: #ff6600;}
img {border:0;}
.clr{ clear:both; }
.no_record {color:#F30;font-weight:bold;text-align:center;}
.shadow { background: url(images/banner_bot_shadown.gif) repeat-x; height:6px;}
.logo2 { padding:10px; }
.tooltip_des { display:none; }
.warr_padd {padding-top:10px; line-height:30px;}
.luotxem{font-weight:normal; color:#666;}
.img_dathang{ float:right;}
.img_dathang img { cursor:pointer;}
.khuyen_mai {color:#ff6600;font-weight:bold; padding:0 10px 5px;}
.paging { float:left; padding:10px;}
.note {padding:10px; text-align:right;}
.thanh_dinhhuong{ padding:10px;}
/* ----------- My Form ----------- */
.myform{margin:0 auto;width:700px;padding:10px;}
/* ----------- contact_form ----------- */
#contact_form{border:solid 2px #b7ddf2;background:#ebf4fb;margin-top:20px; }
#contact_form h1 {font-size:14px;font-weight:bold;margin-bottom:8px; }
#contact_form p{font-size:11px;color:#666666;margin-bottom:20px;border-bottom:solid 1px #b7ddf2;padding-bottom:10px; }
#contact_form label{display:block;font-weight:bold;text-align:right;width:120px;float:left; }
#contact_form .small{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:120px; }
#contact_form input, textarea, select {float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4; margin:2px 0 20px 10px;}
#contact_form input {width:200px;}
#contact_form textarea {width:535px;}

#contact_form select {width:205px;}
#contact_form .img_sec{float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4; margin:2px 100px 20px 10px;}
#contact_form .calendarDateInput { width:50px;}
#contact_form button{ width:150px;height:34px;background:url(images/button.png) no-repeat;text-align:center;line-height:34px;color:#FFFFFF;font-size:11px;font-weight:bold;cursor: pointer; }
#button_ok{ float:left; margin-left:80px; }
#button_reset { float:right; }
/* --- SITE LAYOUT --- */
#Page {  margin: 0 auto; padding: 0; width:962px;}
/* HEADER - FOOTER */
#Header {  background:#151515; }
#Header .header_col1 {float:left;} 
#Header .header_col1 { width:150px; padding-top:10px; padding-left:30px;}
#Header .header_col2 {float:right; text-align:right; padding:5px 0px;}
#Header .search {background:#202020; font-weight:bold;color:#fff;height:34px; text-align:right; width:714px; text-align:left; }
#Header .search_form {padding-top:6px;}
#Header .search input{ background:#666;border:0px; width:85%;height:20px; color:#FFF;}
#Header .search_bg_l{ background:url(images/search_bg_l.gif) no-repeat left; float:left; width:8px; height:34px;}
#Header .search_bg_r{ background:url(images/search_bg_r.gif) no-repeat right; float:right;width:8px; height:34px;}
#Header .menu_info { padding-bottom:5px; padding-right:10px; color:#FFF;}
#Header .menu_info a{font-size:11px;color:#fff;}
#Header .menu_info a:hover{color:#FC0;}
#Header  .visa_logo {}

/* CONTENT */
#Content { overflow: hidden; background:#FFF; }
#Content .column_main, #Content .column_col1, #Content .column_col2 {float:left; margin-bottom: -2000px; padding-bottom: 2000px;
 margin-top: -8px; padding-top: 8px; background:#FFF; }
#Content .column_col1 { width:178px; overflow:hidden }
#Content .column_col2 { width:215px;overflow:hidden}
#Content_Main { padding:0 5px; width:558px; overflow:hidden}
#Content_Main_2 {padding:0 0 0 5px; width:742px;overflow:hidden }
#Content_Main, #Content_Col1, #Content_Main_2 { padding-bottom:180px;overflow:hidden}
/* FOOTER */
.footer_table td{ border-right:1px dotted #fff; padding:2px 20px;}
.footer_table .last_table{ border-right:0px}


#Footer { background: #070707; color:#fff;  }
#Footer .footer_column_col1, #Footer .footer_column_col2 {   padding:15px 0px; }
#Footer .footer_column_col1 {   padding-left:10px;}
#Footer .footer_column_col2 {   padding-left:5px;}
#Footer .footer_column_main { padding:10px 0 15px; text-align:center;}
#Menu_Footer {background: #1a1919; height:29px; color:#fff; font-size:11px;}
#Menu_Footer a { color:#FFF; font-size:11px;}
#Menu_Footer a:hover{color:#FC0;}
#Menu_Footer .menu_footer_column_col1, #Menu_Footer .menu_footer_column_col2{ float:left; padding-top:8px; }
#Menu_Footer .menu_footer_column_col1 { padding-left: 15px; width:270px;}
#Menu_Footer .menu_footer_column_col2 { padding-right: 15px; text-align:right; width:660px; }
/* MENU */
#Menu { background:#000;height:33px; border-right:1px solid #000;border-top:1px solid #000;border-bottom:1px solid #000; }
/*background of menu bar (default state)*/
.n_menu{font: bold 12px Verdana;background: url(images/menu_bg2.gif) repeat-x; width: 100%;height:33px;}
.n_menu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;}
/*Top level list items*/
.n_menu ul li{position: relative;display: inline;float: left;}
/*Top level menu link items style*/
/*background of menu items (default state)*/
.n_menu ul li a{display: block;background: url(images/bg_menu.gif) no-repeat; color: #fff;padding: 8px 27px 10px 27px;border-left: 1px solid #000; color: #2d2b2b;text-decoration: none;}
/*IE6 hack to get sub menu links to behave correctly*/
* html .n_menu ul li a{ display: inline-block;}
.n_menu ul li a:link, .n_menu ul li a:visited{color: #fff;}
/*CSS class that's dynamically added to the currently active menu items' LI A element*/
.n_menu ul li a.selected{ background: black; color: #fff;}
/*background of menu items during onmouseover (hover state)*/
.n_menu ul li a:hover{background: url(images/menu_bg3.gif) repeat-x; color: #fff;}
/*1st sub level menu*/
/*collapse all sub menus to begin with*/
.n_menu ul li ul{position: absolute;left: 0;display: none; visibility: hidden;}
/*Sub level menu list items (undo style from Top level List Items)*/
.n_menu ul li ul li{display: list-item;float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.n_menu ul li ul li ul{top: 0;}
/* Sub level menu links style */
/*width of sub menus*/
.n_menu ul li ul li a{font: normal 13px Verdana;width: 160px; padding: 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid gray;}
/* Holly Hack for IE \*/
* html .n_menu{height: 1%;}
/*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
/*shadow opacity. Doesn't work in IE*/
.toplevelshadow{ opacity: 0.8;}
/* --- END LAYOUT --- */
/* Box Color */
#Box_Color { position: relative;}
#Box_Content {position:absolute;top:-140px;padding-left:10px;}
#Box_Content .box_dacam_top{background:url(images/box_dacam_top.gif) no-repeat;width:155px;height:7px;}
#Box_Content .box_dacam_top_bg{background:url(images/box_dacam_top_bg.gif) repeat-y;text-align:center;height:25px;width:155px;color:#FFF;font-weight:bold;}
#Box_Content .box_dacam_bg { background:url(images/box_dacam_bg.gif) repeat-y;width:155px;padding:5px;color:#fff;height:100%;}
#Box_Content .box_dacam_bg a{color:#fff;}
#Box_Content .box_dacam_bot{background:url(images/box_dacam_bot.gif) no-repeat;width:155px;height:7px}
/* Xanh Lam */
#Box_Content .box_xanhlam_top{background:url(images/box_xanhlam_top.gif) no-repeat;width:198px;height:7px;}
#Box_Content .box_xanhlam_top_bg {background:url(images/box_xanhlam_top_bg.gif) repeat-y;text-align:center;height:25px;width:198px;color:#FFF;font-weight:bold;}
#Box_Content .box_xanhlam_bg { background:url(images/box_xanhlam_bg.gif) repeat-y;width:198px;padding:5px;color:#fff;height:100%;}
#Box_Content .box_xanhlam_bg a{color:#fff;}
#Box_Content .box_xanhlam_bot{background:url(images/box_xanhlam_bot.gif) no-repeat;width:198px;height:8px}
/* Xanh La */
#Box_Content .box_xanhla_top{background:url(images/box_xanhla_top.gif) no-repeat;width:172px;height:8px}
#Box_Content .box_xanhla_top_bg {background:url(images/box_xanhla_top_bg.gif) repeat-y;text-align:center;height:25px;width:172px;color:#FFF;font-weight:bold;}
#Box_Content .box_xanhla_bg { background:url(images/box_xanhla_bg.gif) repeat-y;width:172px;padding:5px;color:#fff;height:100%;}
#Box_Content .box_xanhla_bg a{color:#fff;}
#Box_Content .box_xanhla_bot{background:url(images/box_xanhla_bot.gif) no-repeat;width:172px;height:7px}
/* Xam */
#Box_Content .box_xam_top{background:url(images/box_xam_top.gif) no-repeat;width:178px;height:7px;}
#Box_Content .box_xam_top_bg {background:url(images/box_xam_top_bg.gif) repeat-y;text-align:center;height:25px;width:178px;color:#FFF;font-weight:bold;}
#Box_Content .box_xam_bg { background:url(images/box_xam_bg.gif) repeat-y;width:178px;padding:5px;color:#fff;height:100%;}
#Box_Content .box_xam_bg a{color:#fff;}
#Box_Content .box_xam_bot{background:url(images/box_xam_bot.gif) no-repeat;width:178px;height:8px}
/* Home Products */
.home_products{ display: inline; }
.home_products_item {position:relative; float:left; width:180px; height:170px; overflow:hidden; display:inline; border: 1px #CCC solid; margin:2px;}
.home_products_item_name { padding:0px 5px; height:27px; overflow:hidden; margin-bottom:10px; margin-top:3px;}
.home_products_item_name a{ font-weight:bold; font-size:11px;}
.home_products_item_pic { text-align:center; height:100px; overflow:hidden}
.home_products_item_pic img{ width:120px; }
.home_products_item_price {  font-weight:bold;font-size:12px; color:#ff6600; text-align:center;}
/* Products List Title */
.products_list_title { background:url(images/titlebg_white.gif) repeat-x; height:27px; margin:0 2px;}
.products_list_title_text { float:left; font-size:14px; font-weight:bold; padding:5px 5px 0;}
.products_list_title_col1, .products_list_title_col2 {width:8px; height:27px;}
.products_list_title_col1 { float:left; background:url(images/titlebg_white_l.gif) no-repeat left; width:8px; }
.products_list_title_col2 { float:right; background:url(images/titlebg_white_r.gif) no-repeat right; width:8px;}
.products_list_title_order { padding-top:5px; text-align:right;font-weight:bold;color: #0060BF;}
.products_list_title_order a{ font-weight:bold;color: #0060BF; font-size:11px;}
.products_list_title_order a:hover {color:#ff6600;}
/* Product List Content */
.products_list_content_other {border-top: 1px #CCC solid;}
.products_list_content { margin:0 2px;  border-left:1px #CCC solid;border-right:1px #CCC solid;}
.products_list_content_item {border-bottom:1px #ccc solid;display:block; padding:0 5px;}
.products_list_content_item_name{ padding:5px 0; padding-left:140px;}
.products_list_content_item_name a{ font-weight:bold;color: #0060BF; font-size:13px;}
.products_list_content_item_name a:hover { color:#ff6600; }
.products_list_content_item_des { padding-right:5px; text-align:justify; padding-left:140px; }

.products_list_content_item_pic{ float:left; padding:5px; width:120px;font-weight:bold; color:#ff6600; text-align:center;}
.products_list_content_item_pic img{ width:120px; }
.products_list_content_item_warr { font-weight:bold; padding-left:10px;}
.products_list_content_bot { padding-bottom:10px;}
.products_list_orien_cat { color:#ff6600; }
.products_list_orien_cat a{ color:#ff6600; }
.products_list_orien_cat_item { float:left; padding:10px; width:162px;}
/* Product Detail */
.products_price { font-weight:bold; text-align:center;color:#ff6600;}
.products_detail_catname{ padding:10px;}
.products_detail_catname a{ font-weight:bold; font-size:14px;}
.products_detail_pic{ text-align:center; }
.products_detail { border:1px #CCC solid; display:block; overflow:hidden; padding:5px;}
.products_detail h3 {color:#0066cc;padding-bottom:10px;text-align:center;}
/* Product Hot Title */
.products_hot_title { background:#ff6600; height:24px; }
.products_hot_title_text {font-size:12px; font-weight:bold; color:#FFF;padding:5px 20px 0;}
.products_hot_title_col1, .products_hot_title_col2 {width:6px; height:24px;}
.products_hot_title_col1 { float:left; background: url(images/titlebg_cam_l.gif) no-repeat left; width:6px;}
.products_hot_title_col2 { float:right; background:url(images/titlebg_cam_r.gif) no-repeat right; width:9px;}
.products_hot{ display:block; border-left: 1px #CCC solid; border-right: 1px #CCC solid; }
.products_hot_item {border-bottom: 1px #CCC solid; padding:5px 0;}
.products_hot_item_name { padding:0 5px; height:50px;}
.products_hot_item_name a{ font-weight:bold; color:#000;}
.products_hot_item_pic { text-align:center;}
.products_hot_item_pic img{ width:120px; }
.products_hot_item_price { font-weight:bold; text-align:center; color:#ff6600;}
/* News Hot */
.news_new_title { background: url(images/titlebg_white2.gif) repeat-x; height:27px; }
.news_new_title_text {font-size:12px; font-weight:bold; color:#000;padding:5px 20px 0;}
.news_new_title_text a{color:#0066cc;font-weight:bold;}
.news_new_title_text a:hover {color: #ff6600;}
.news_new_title_col1, .news_new_title_col2 {width:6px; height:27px;}
.news_new_title_col1 { float:left; background: url(images/titlebg_white2_l.gif) no-repeat left; width:9px;}
.news_new_title_col2 { float:right; background:url(images/titlebg_white2_r.gif) no-repeat right; width:9px;}
.news_new{ display:block; padding-bottom:10px;}
.news_new_item {border-bottom: 1px #CCC solid; padding:5px 0 10px;}
.news_new_item_name { padding:0 5px; padding-bottom:3px; height:50px;}
.news_new_item_name a{ font-weight:bold; color:#000;}
.news_new_item_name a:hover {color: #ff6600;}
.news_new_item_pic { text-align:center; float:left; padding:0 5px;}
.news_new_item_pic img{ width:60px; }
.news_new_item_link{ text-align:right; padding-right:10px; padding-top:5px;}
.news_new_item_link a{font-size:11px;color:#4885e6;}
.news_new_item_link a:hover {color: #ff6600;}
.news_detail_title_text {color:#4885e6; font-weight:bold; padding-top:5px;}
.news_detail_pic { float:left; padding:10px;}
.news_list_icon_detail { text-align:right; padding-right:10px; }
.datetime {color:#666; font-style:italic;}
.other_item { padding:0 10px 10px;}
.other_item h3{ text-transform:uppercase; font-size:12px; }
.bvct_title_text { padding:5px;font-weight:bold; }
.bvds_content { border-bottom:1px #CCC solid; margin-bottom:10px;}
.bvds_icon_detail {text-align:right; padding-right:10px;}
.bvct_pic {float: left; padding:10px;}
.bvct_content { padding:0 10px;}
/* Box Store */
#Box_Store {background: url(images/box_giohang.gif)  repeat-x;height:69px;color:#0066cc;font-weight:bold;font-size:11px; margin:0 5px;}
#Box_Store a{color:#ff6600;font-weight:normal;font-size:12px;}
#Box_Store a:hover{color:#F00;}
#Box_Store .box_store_l{background: url(images/box_giohang_l.gif)  no-repeat;height:69px; width:13px;float:left;}
#Box_Store .box_store_r{background: url(images/box_giohang_r.gif)  no-repeat;height:69px; width:13px;float:right;}
#Box_Store .box_store_icon {float:left;padding-top:10px;}
#Box_Store .box_store_count{text-align:left;color:#000;padding-top:5px;}

.menu_filter { padding:5px;}
.menu_filter_title { font-weight:bold; padding:10px; font-size:13px;}
.tinkhac{padding-left:10px;}
.tinkhac a{color:#0066cc;}
.tinkhac a:hover{color:#ff6600;}

#Ads { text-align:center;}
#Download { padding:10px;  }
#Download .download_col1, #Download .download_col2 { float:left; width:265px; padding-bottom:150px; margin-bottom:-150px;}
#Download .download_col2 { background: #ffeddf; font-weight:bold;}
#Download .download_title { font-weight:bold; color:#00F; text-align:center; padding:20px;}
#Download .download_list_icon, #Download .download_list_text, #Download .download_list_down { float:left; }
#Download .download_list_icon { padding-right:10px; }
#Download .download_list_text { font-weight:bold; width:190px; }
/* Cart */
#Cart { padding:0 0 20px; }
#Cart .products_cart { border-bottom:1px #CCC solid; }
#Cart .products_cart_item_info{ padding-top:30px;}
#Cart .products_cart_item, #Cart .products_cart_list  {text-align:center;}
#Cart .products_cart_list {color:#03F; font-weight:bold;}
#Cart .products_cart_list_stt1, #Cart .products_cart_list_name1, #Cart .products_cart_list_price1, #Cart .products_cart_list_count1, #Cart .products_cart_list_money1, #Cart .products_cart_list_del1{ float: left;border-bottom:1px #CCC solid; height:20px;font-weight:bold; padding-top:10px;}
#Cart .products_cart_list_stt1, #Cart .products_cart_list_name1, #Cart .products_cart_list_price1, #Cart .products_cart_list_count1, #Cart .products_cart_list_money1 { border-right:1px #CCC solid;}
#Cart .products_cart_list_stt1 { width:30px; }
#Cart .products_cart_list_name1 { width:303px; color:#03F; }
#Cart .products_cart_list_price1, #Cart .products_cart_list_money1 { width:141px;}
#Cart .products_cart_list_count1 { width:80px; }
#Cart .products_cart_list_del1 { width:30px;}
#Cart .products_cart_list_stt, #Cart .products_cart_list_name, #Cart .products_cart_list_price, #Cart .products_cart_list_count,  #Cart .products_cart_list_money, #Cart .products_cart_list_del{ float: left; border-bottom:1px #CCC solid; height: 120px;font-weight:bold;padding-top:10px; }
#Cart .products_cart_list_stt, #Cart .products_cart_list_name, #Cart .products_cart_list_price, #Cart .products_cart_list_count,  #Cart .products_cart_list_money { border-right:1px #CCC solid;}
#Cart .products_cart_list_stt { width:30px; }
#Cart .products_cart_list_name { width:303px; color:#03F; }
#Cart .products_cart_list_price, #Cart .products_cart_list_money { width:141px;}
#Cart .products_cart_list_count { width:80px; }
#Cart .products_cart_list_del { width:30px;}
#Cart .price_total_col1, #Cart .price_total_col2 { float:left;font-weight:bold; padding:10px 20px;border-bottom:1px #CCC solid;}
#Cart .price_total_col1 { border-right:1px #CCC solid; width:436px; text-align:right; color: #00F; } 
#Cart .price_total_col2 { width:212px; color:#F00; }
#Cart .tong_cuoi { font-size:15px;}

#Cart .cart_total { color:#F00; font-weight:bold; text-align:right; padding:10px;}
#Cart .cart_update_button { text-align:left; padding:10px; float:left; width:400px;}
#Cart .cart_checkout_button { text-align:right; padding:10px; }
#Cart .cart_province { padding:0 20px; border-bottom:1px #ccc solid; }
#Cart .cart_province_name, #Cart .cart_province_select{ float:left;}
#Cart .cart_province_select { width:200px; }
#Cart .cart_province_name { width:300px; padding-top:20px; text-align:right; }
/* End Cart */
#masterdiv { font-weight:bold; color:#009;}

#masterdiv .support_item{text-align:left;  background:#f6f6f6; margin-bottom:1px;}
.support_div{ background:#dbdbdb; padding: 5px 5px ; cursor:pointer; margin-bottom:1px; color:#000000}

.vote_list { padding:10px;}
.vote_list_title { font-weight:bold; }
.order_info { border:1px #ccc solid;}
.order_info_title, .order_info_des { float:left; width:400px;border-right:1px #ccc solid;padding:10px 20px; }
.order_info_title, .order_info_col { border-bottom:1px #ccc solid; text-align:center; font-size:14px;}
.order_info_col {padding:10px 20px; }
.order_info_des_col { text-align:center;}

.bangthongtin_dathang{border-collapse:collapse; margin-bottom:10px;}
.bangthongtin_dathang td{border:1px solid #ccc; padding:8px;}
.bangthongtin_dathang th{border:1px solid #ccc; background:#eee; color:#000; font-weight:bold; padding:8px;}
.thongtin_header{background:#000;} 

